<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="lib/vue.js"></script>
	</head>
	<body>
		<div id="demo1">
			<button @click="show=!show">Toggle</button>
			<transition name="fade">
				<p v-if="show">hello</p>
			</transition>
		</div>
	</body>
	<script type="text/javascript">
		var demoa=new Vue({
			el:'#demo1',
			data:{
				show:false
			}
		});
	</script>
	<style scoped>
		.fade-enter-active .fade-leave-active{
			transition:opacity .5s;
		}
		.fade-enter .fade-leave-active{
			opacity: 0;
		}
	</style>
</html>
